<?php
echo $this->loadJs();
echo $this->loadCss();
echo $this->headScript()->appendFile($this->baseUrl() . "/js/academico/maquinaalumno/vm.js");
?>
<!--<input type="hidden" id="codigo_vm" value="<?php echo $this->codigo_vm; ?>"/>
<h3><?php echo $this->displayname; ?></h3>
<div id="vm" class="row-fluid">
    <div class="span4">
        <div class="row-fluid">
            <img src="<?php echo $this->baseUrl() . "/images/computer.jpg" ?>" id="avatar" class="img-polaroid"/>
        </div>
        <br/>
        <div class="row-fluid">
<?php
if ($this->state == VirtualLabs_Admin_Machine::ESTADO_ENCENDIDO) {
    echo "<a target=\"_blank\" onclick=\"window.open(this.href, 'mywin', 'width=800,height=800,fullscreen=1,scrollbars=1,toolbar=0,resizable=1');
                    return false;\" href=" . $this->url(array('module' => 'academico', 'controller' => 'maquinaalumno', 'action' => 'managevm', 'port' => $this->port, 'hostname' => $this->hostName)) . ">" . "<button id=\"btn-conectar\" class=\"btn btn-small btn-info\"><i class=\"icon-retweet icon-white\"></i> Conectar</button>" . "</a>";
    echo '<button id="btn-apagar" class="btn btn-small btn-danger"><i class="icon-off icon-white"></i> Apagar</button>';
    echo '<button id="btn-encender" class="btn btn-small btn-success disabled"><i class="icon-ok icon-white" disabled></i> Encender</button>';
} else {
    echo '<button id="btn-conectar" class="btn btn-small btn-info disabled"><i class="icon-retweet icon-white" disabled></i> Conectar</button>';
    echo '<button id="btn-apagar" class="btn btn-small btn-danger disabled"><i class="icon-off icon-white" disabled></i> Apagar</button>';
    echo '<button id="btn-encender" class="btn btn-small btn-success"><i class="icon-ok icon-white"></i> Encender</button>';
}
?>

        </div>
    </div>
    <div class="span8">
        <ul class="nav nav-tabs">
            <li data-toggle="tab" class="active"><a href="#lab-table">Laboratorio</a>
                <div id="lab-container" class="row-fluid">
                    <table id="lab-table" class="table">
                        <tr>
                            <td>
                                <p>Nombre: <?php echo "<a href='" . $this->baseUrl() . "/academico/laboratorioalumno/lab/codigo_laboratorio/" . $this->codigoLaboratorio . "'>" . $this->nombreLaboratorio . "</a>"; ?></p>
                            </td>
                        </tr>
                    </table>
                </div>
            </li>
            <li><a data-toggle="tab" href="#hw-container">Hardware</a>
                <div class="row-fluid" id="hw-container">
                    <table id="hw-table" class="table">
                        <tr>
                            <td>
                                <p>CPU: <?php echo $this->cpuNumber; ?> de <?php echo $this->cpuSpeed; ?> MHz</p>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <p>Memoria: <?php echo $this->memory; ?> MB</p>
                            </td>
                        </tr>
                    </table>
                </div>
            </li>
            <li><a data-toggle="tab"  href="#net-container">Red - <?php echo $this->networkName; ?></a>
                <div id="net-container" class="row-fluid">
                    <table id="net-table" class="table">
                        <tr>
                            <td>
                                <p>IP: <?php echo $this->ip; ?></p>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <p>M&aacute;scara: <?php echo $this->netmask; ?></p>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <p>GW: <?php echo $this->gateway; ?></p>
                            </td>
                        </tr>
                    </table>
                </div>
            </li>
            <li><a data-toggle="lab" href="#pe-container">Perfil de encendido</a>
                <div class="row-fluid" id="pe-container">
                    <table id="pe-table" class="table">
                        <tr>
                            <td>
                                <p>D&iacute;as de la semana: </p>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <p><?php echo $this->dias; ?> </p>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <p>Hora inicio diario: <?php echo $this->horaInicioDia; ?> </p>
                            </td>

                        </tr>
                        <tr>
                            <td>
                                <p>Hora fin diario: <?php echo $this->horaInicioDia; ?> </p>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <p>Horas diarias: <?php echo $this->horasDiarias; ?> </p>
                            </td>

                        </tr>
                        <tr>
                            <td>
                                <p>Horas curso: <?php echo $this->horasCurso; ?> </p>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <p>Permite fuera de horario: <?php echo $this->fueraHorario; ?> </p>
                            </td>
                        </tr>
                    </table>
                </div>
            </li>
        </ul>
    </div>
</div>
</div>
<div class="row-fluid">
    <a href="<?php echo $this->url(array('module' => 'academico', 'controller' => 'maquinaalumno', 'action' => 'index')); ?>" class="btn btn-inverse btn-small">Volver</a>
</div>-->
<style type="text/css">
    .widget .panel-body { padding:0px; }
    .widget .list-group { margin-bottom: 0; }
    .widget .panel-title { display:inline }
    .widget .label-info { float: right; }
    .widget li.list-group-item {border-radius: 0;border: 0;border-top: 1px solid #ddd;}
    .widget li.list-group-item:hover { background-color: rgba(86,61,124,.1); }
    .widget .mic-info { color: #666666;font-size: 11px; }
    .widget .action { margin-top:5px; }
    .widget .comment-text { font-size: 12px; }
    .widget .btn-block { border-top-left-radius:0px;border-top-right-radius:0px; }
    }
</style>
<div class="row">
    <div class="panel panel-default widget">
        <div class="panel-heading">
            <span class="glyphicon glyphicon-list"></span>
            <h3 class="panel-title"><strong>
                <?php echo $this->displayname; ?></strong></h3>
        </div>
        <div class="panel-body">
            <ul class="list-group">
                <li class="list-group-item">
                    <div class="row">
                        <div class="col-xs-2 col-md-1">
                            <img src="http://placehold.it/80" class="img-circle img-responsive" alt="" /></div>
                        <div class="col-xs-10 col-md-11">
                            <div>
                                <a href="http://www.jquery2dotnet.com/2013/10/google-style-login-page-desing-usign.html">
                                    Google Style Login Page Design Using Bootstrap</a>
                                <div class="mic-info">
                                    By: <a href="#">Bhaumik Patel</a> on 2 Aug 2013
                                </div>
                            </div>
                            <div class="comment-text">
                                Awesome design
                            </div>
                            <div class="action">
                                <button type="button" class="btn btn-primary btn-xs" title="Edit">
                                    <span class="glyphicon glyphicon-pencil"></span>
                                </button>
                                <button type="button" class="btn btn-success btn-xs" title="Approved">
                                    <span class="glyphicon glyphicon-ok"></span>
                                </button>
                                <button type="button" class="btn btn-danger btn-xs" title="Delete">
                                    <span class="glyphicon glyphicon-trash"></span>
                                </button>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="list-group-item">
                    <div class="row">
                        <div class="col-xs-2 col-md-1">
                            <img src="http://placehold.it/80" class="img-circle img-responsive" alt="" /></div>
                        <div class="col-xs-10 col-md-11">
                            <div>
                                <a href="http://bootsnipp.com/BhaumikPatel/snippets/Obgj">Admin Panel Quick Shortcuts</a>
                                <div class="mic-info">
                                    By: <a href="#">Bhaumik Patel</a> on 11 Nov 2013
                                </div>
                            </div>
                            <div class="comment-text">
                                Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
                                euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
                            </div>
                            <div class="action">
                                <button type="button" class="btn btn-primary btn-xs" title="Edit">
                                    <span class="glyphicon glyphicon-pencil"></span>
                                </button>
                                <button type="button" class="btn btn-success btn-xs" title="Approved">
                                    <span class="glyphicon glyphicon-ok"></span>
                                </button>
                                <button type="button" class="btn btn-danger btn-xs" title="Delete">
                                    <span class="glyphicon glyphicon-trash"></span>
                                </button>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="list-group-item">
                    <div class="row">
                        <div class="col-xs-2 col-md-1">
                            <img src="http://placehold.it/80" class="img-circle img-responsive" alt="" /></div>
                        <div class="col-xs-10 col-md-11">
                            <div>
                                <a href="http://bootsnipp.com/BhaumikPatel/snippets/4ldn">Cool Sign Up</a>
                                <div class="mic-info">
                                    By: <a href="#">Bhaumik Patel</a> on 11 Nov 2013
                                </div>
                            </div>
                            <div class="comment-text">
                                Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
                                euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
                            </div>
                            <div class="action">
                                <button type="button" class="btn btn-primary btn-xs" title="Edit">
                                    <span class="glyphicon glyphicon-pencil"></span>
                                </button>
                                <button type="button" class="btn btn-success btn-xs" title="Approved">
                                    <span class="glyphicon glyphicon-ok"></span>
                                </button>
                                <button type="button" class="btn btn-danger btn-xs" title="Delete">
                                    <span class="glyphicon glyphicon-trash"></span>
                                </button>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
            <a href="#" class="btn btn-primary btn-sm btn-block" role="button"><span class="glyphicon glyphicon-refresh"></span> Actualizar Estado</a>
        </div>
    </div>
</div>